<!doctype html>
<html>
<head>
<title>clouds</title>
<link rel="stylesheet" type="text/css" href="css/cloud.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.f.clouds.js"></script>
<script>

jQuery(function($){
	$(".cloud").fsBuildClouds({data : [	{text : "London", url : "http://www.google.com", rate : 30, coords : {x:20, y:20, z:50}},
										{text : "Paris", url : "http://www.google.com", rate : 75, coords : {r:100, t:Math.PI/2, f:Math.PI/2}},
										{text : "Bejing", url : "http://www.google.com", rate : 60, coords : {x:-20, y:20, z:50}},
										{text : "Moscow", url : "http://www.google.com", rate : 100, coords : {x:20, y:-20, z:50}},
										{text : "Kiev", url : "http://www.google.com", rate : 25, coords : {x:20, y:20, z:-50}},
										{text : "Melburn", url : "http://www.google.com", rate : 90},
										{text : "Prag", url : "http://www.google.com", rate : 50},
										{text : "Delly", url : "http://www.google.com", rate : 66},
										{text : "Berlin", url : "http://www.google.com", rate : 33},
										{text : "Washington", url : "http://www.google.com", rate : 10},
										{text : "Ottawa", url : "http://www.google.com", rate : 80},
										{text : "Bangkok", url : "http://www.google.com", rate : 57},
										{text : "Lisbon", url : "http://www.google.com", rate : 95}],
							fadeOutTime : 2000});
});
 
</script>
</head>
<body>
	<div class="cloud" id="first">
	</div>

	<div class="cloud" id="second">
	</div>
</body>
</html>